<?php 
    if (!class_exists("Config")) require_once "../config/classes/class.Config.php";
    $cfg = new config();
?>

<script>
    $(document).ready(function (){
                        $("input#btn_registro , input#btn_login").button();

                        $("input#btn_registro").click( function ()  {
                                                        check_simple()  
                                                    } );
                                                    
                        $("input#btn_login").click( function () { 
                                                        var mail = $("#mail_login").val();
                                                        var pass = $("#pass_login").val();
                                                        
                                                        if (mail == "" || pass == "") 
                                                        { 
                                                            var html = getMessageBox("Introduzca todos los datos","","error");
                                                            
                                                            if ($("#message_box").length > 0) $("#message_box").remove(); // si hay algun otro message_box...a tomar x culo.
                                                            
                                                            $("#registrar_login").prepend($(html).fadeIn("slow"));        // metemos el message_box nuevo.
                                                        }    
                                                        else {
                                                            document.login_form.submit() ;
                                                        }
                                                    } );
                    } 
    );


    function check_simple(){
        //desactivamos el boton para que no se pueda clickar a muerte.
        $( "#btn_registro" ).button( "option", "disabled", true );

        if (document.add_user_form.nombre.value == ""){
            alert("El campo nombre no puede estar vacio");
            document.add_user_form.nombre.focus();
            $( "#btn_registro" ).button( "option", "disabled", false );
            return 0;
        }
        if (document.add_user_form.apellidos.value == ""){
            alert("El campo apellidos no puede estar vacio");
            document.add_user_form.apellidos.focus();
            $( "#btn_registro" ).button( "option", "disabled", false );
            return 0;
        }
        if (document.add_user_form.mail.value == ""){
            alert("El campo mail no puede estar vacio");
            document.add_user_form.mail.focus();
            $( "#btn_registro" ).button( "option", "disabled", false );
            return 0;
        }
        if (document.add_user_form.password.value == ""){
            alert("El campo password no puede estar vacio");
            document.add_user_form.password.focus();
            $( "#btn_registro" ).button( "option", "disabled", false );
            return 0;
        }
        if (document.add_user_form.password2.value == ""){
            alert("El campo 'Repite password' no puede estar vacio");
            document.add_user_form.password2.focus();
            $( "#btn_registro" ).button( "option", "disabled", false );
            return 0;
        }
        
        if (document.add_user_form.captcha.value == ""){
            alert("Debes introducir el código de seguridad");
            document.add_user_form.captcha.focus();
            $( "#btn_registro" ).button( "option", "disabled", false );
            return 0;
        }
        
        if (document.add_user_form.mail.value.indexOf(".") > 2 && document.add_user_form.mail.value.indexOf("@") > 0){
        } else {
            alert("La dirección de email es incorrecta.");
            $( "#btn_registro" ).button( "option", "disabled", false );
            document.add_user_form.mail.value = "";
            document.add_user_form.mail.focus();
            return 0;
        }

        if (document.add_user_form.password.value != document.add_user_form.password2.value){
                alert("Los passwords no coinciden!");
                $( "#btn_registro" ).button( "option", "disabled", false );
                return 0;
        }
        
   
        var mail = document.add_user_form.mail.value;
        var pass = document.add_user_form.password.value;
        var nombre = document.add_user_form.nombre.value;
        var apellidos = document.add_user_form.apellidos.value;
        var captcha = document.add_user_form.captcha.value;
       
       // si hay algun mensaje de error o de aviso, nos lo cargamos.
//        if ($(".ui-state-error").length > 0)     $(".ui-state-error").remove();
//        if ($(".ui-state-highlight").length > 0) $(".ui-state-highlight").remove();
                
        $.ajax({

                type:"POST",
                url:"users/check_email.php",
                data:"mail="+mail,
                
                beforeSend: function(){
                    $("#btn_registro").val("Espere...");
                },
                success:

                    function(data) {
                        $("input#btn_registro").val("Registro");
                        $('input#btn_registro', this).attr('disabled', false);
                    
                        if (data == "FAIL")
                        {
                            if ($("#message_box").length > 0) $("#message_box").remove(); // si hay algun otro message_box...a tomar x culo.
                            var html = getMessageBox("El mail <b>" + mail + " </b>está en uso.</b>!","","error");
                            $("#registrar_login").prepend($(html).fadeIn("slow"));
                            $( "#btn_registro" ).button( "option", "disabled", false );
                            document.user_add_simple.mail.value == "";
                            document.user_add_simple.mail.focus();
                            return 0;
                        }
                        
                        
                        else{

                           
                            $.ajax({
                                contentType: "application/x-www-form-urlencoded",
                                type:"POST",
                                url:"users/insert_user_simple.php",
                                data:"mail="+mail+"&password="+pass+"&nombre="+nombre+"&apellidos="+apellidos+"captcha="+ captcha,
                                
                                beforeSend: function(){
                                    

                                },
//                                complete: function(response) {
//                                  alert(response);  
//                                },
                                success:function(response){
                                    $('input#btn_registro').attr('disabled', false);
                                    if (response == "OK") var html = $("#registrar_login").prepend(getMessageBox("Registro completo! Le hemos enviado un correo a <b>" + mail + " </b>para activar la cuenta.","",""));
                                    else                  var html = getMessageBox("Ha habido un error! Porfavor, Consulte con el administrador!","","error");
                                    
                                    if ($("#message_box").length > 0) $("#message_box").remove(); // si hay algun otro message_box...a tomar x culo.
                                    
                                    $("#registrar_login").prepend($(html).fadeIn("slow"));
                                }
                            });
                        }
                }
        });
        
        $( "#btn_registro" ).button( "option", "disabled", true );
    }
   
    
</script>



<div id="registrar_login">
    
  
    
    
    <div id="registrar">
        
        <h2> Registrarte!</h2>

        <p>
            Rellena este sencillo formulario para ser parte de la comunidad y así poder:
            <ul>
                <li>Añadir nuevas estaciones.</li>
                <li>Usar el filtro.</li>
                <li>Recibir actualizaciones.</li>
            </ul>    

        </p>
        <form name="add_user_form" method="POST">
                <table id="add_user_simple" style="float:right">
                    <tr>
                    <td>
                            Nombre<br>
                            <input name="nombre" type="text" maxlength="50" value="test"/>
                    </td>     
                    </tr>
                    <tr>
                    <td>
                            Apellidos<br>
                            <input name="apellidos" type="text" maxlength="50" value="test_apellidos"/>
                    </td>     
                    </tr>
                    <tr>
                    <td>
                            Mail<br>
                            <input name="mail" type="text" maxlength="50" value="djmasakre@gmail.com"/>
                    </td>     
                    </tr>
                    <tr>
                        <td>
                        Password<br>
                            <input name="password" type="password" maxlength="50" value="123"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Repite Password<br>
                            <input name="password2" type="password" maxlength="50" value="123"/>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">                           
                            <input style="width: 60px; height: 30px; color:#6a0; font-weight: 600" type="text" name="captcha" id="captcha" maxlength="6" size="6" value=""/>
                            <img style="vertical-align:top" src="<?php echo $cfg->pathImg.'/arrowleft.png' ?>"/>
                            <img style="vertical-align:top" src="<?php echo $cfg->pathConfig.'/phpcaptcha/captcha.php'?>"/>

                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="button" value="Registrame" id="btn_registro" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" aria-disabled="false"/>                           
                        </td>
                    </tr>
                </table>
            </form> 

    </div>



    <div id="login">
            <h2>Inicia sesion </h2>
            <form name="login_form" method="POST" action="<?php echo $cfg->pathConfig.'/sesion.php?m=iniciar' ?>">
                    <table id="add_user_simple" class="borded-table" border="0">
                    <tr>
                        <td style="text-align:left">
                            Mail<br>
                            <input name="mail" id="mail_login" type="text" maxlength="50" value="djmasakre@gmail.com"/>
                        </td> 
                    </tr> 
                    <tr>
                        <td  style="text-align:left">
                            Password<br>
                            <input name="password" id="pass_login" type="password" maxlength="50" value="thund3rfuck"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="button" value="Inicia" id="btn_login" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"/>
                        </td>
                    </tr>
                    </table>
            </form>    
    </div>
    
    
    <br class="clear">
</div>

